<template>
  <div class="account">
    <el-card class="box-card2">
      <div slot="header" class="clearfix">
        <span>会员中心</span>
        <br/>
      </div>
      <div class="list">
        <ul>
          <li class="account-list" v-for="(item,index) in accountList" :key=index><nuxt-link :to="item.path">{{item.name}}</nuxt-link></li>  
        </ul>
        <!--<p style="padding: 0px 5px 15px 1px;">
          <a
            href="http://localhost:3000/onceInfo/onceInfo"
            style="text-decoration: none;color:#909399"
          >我的账户</a>
          <br/>
        </p>
        <p style="padding: 0px 5px 15px 1px;">
          <a href="http://localhost:3000/accountInfo/accountInfo" style="text-decoration: none;color:#909399">编辑账户</a>
          <br/>
        </p>
        <p style="padding: 0px 5px 15px 1px;">
          <a href='http://localhost:3000/changpassword/changpassword'
             style="text-decoration: none;color:#909399">修改密码</a>
          <br/>
        </p>
        <p style="padding: 0px 5px 15px 1px;">
          <a href='http://localhost:3000/historyOrder/historyOrder' style="text-decoration: none;color:#909399">历史订单</a>
          <br/>
        </p>
        <p style="padding: 0px 5px 15px 1px;">
          <a href='http://localhost:3000/addressManager/addressManager'
             style="text-decoration: none;color:#909399">地址管理</a>
          <br/>
        </p>
        <p style="padding: 0px 5px 15px 1px;">
          <a href="http://localhost:3000/exitAccount/exitAccount" style="text-decoration: none;color:#909399">退出账户</a>
          <br/>
        </p>-->
      </div>
    </el-card>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        accountList: [
          {name: '我的账户',path: '/onceInfo/onceInfo'},
          {name: '编辑账户',path: '/accountInfo/accountInfo'},
          {name: '修改密码',path: '/changpassword/changpassword'},
          {name: '历史订单',path: '/historyOrder/historyOrder'},
          {name: '地址管理',path: '/addressManager/addressManager'}
        ]
      };
    }
  };
</script>

<style lang="less">
  .account {
    .list{

      .account-list{
        list-style-type: none;
        padding: 5px 0px;
        a{
          text-decoration: none;
          color: #777;
        }
        a:hover{
          color: red;
        }
      }
    }
    /*.box-card2 {*/
    /*  margin-left: 25px;*/
    /*  width: 350px;*/
    /*  height: 455px;*/
    /*  padding: 15px 20px;*/
    /*  font-size: 20px;*/
    /*  border-radius: 12px;*/
    /*}*/
  }
</style>
